@charset "utf-8";
/* CSS Document */
.frame{margin:0px;}
.left{padding-top:20px;
		width:600px;
	  background:rgb(240,241,242);
		height:900px;}
.left-top{margin-left:30px;
			margin-right:30px;
			margin-top:20px;}
.top-unit1{height:116px;
			width:100%;
			background:rgb(255,255,255);
			border-radius:15px 15px 0px 0px;
			border:1px solid #eee;}	
.top-unit2{height:116px;
			width:100%;
			background:rgb(255,255,255);
			border:1px solid #eee;}
.top-unit2:hover{background:rgb(241,244,246);}
.left-bottom{margin:0px 30px;
			height:116px;
			width:540px;
			background:rgb(227,233,237);
			border:1px solid #eee;
			border-radius:0px 0px 15px 15px;}
.serch{margin-left:30px;
		margin-top:28px;
		border:none;
		outline: none;
		height:45px;
		width:250px;
		font-size:25px;
		background:rgb(227,233,237);
		color:rgb(101,132,159);}
.img{	float:left;
		height:60px;
		width:60px;
		border-radius:60px;
		margin-top:25px;
		margin-left:25px;}
.text{float:left;
		margin:25px;
		font-size:25px;
		font-family:微软雅黑;
		width:300px;
		color:rgb(174,187,197);}
span{font-weight:bold;
	color:rgb(101,132,159);}
.circle1{float:left;
		height:15px;
		width:15px;
		border-radius:10px;
		background:rgb(19,195,127);
		margin-top:50px;
		margin-left:50px;}
.circle2{float:left;
		height:15px;
		width:15px;
		border-radius:10px;
		background:rgb(255,207,71);
		margin-top:50px;
		margin-left:50px;}
.circle3{float:left;
		height:15px;
		width:15px;
		border-radius:10px;
		background:rgb(234,238,240);
		margin-top:50px;
		margin-left:50px;}
.native{float:left;
		height:101px;
		width:180px;
		margin-top:15px;}
.img-serch{height:45px;
			width:45px;
			margin-top:28px;
			margin-left:35px;}
.bottom-img{float:left;}
.bottom-text{float:left;}

